@import "../../../bootstrap/lib/css/mixins.less";

.x-dialog-body-overflow-hidden{
	overflow: hidden;
}

.x-dialog-drag{
	.x-dialog{
		cursor: move;
	}
}

.x-dialog-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgb(0, 0, 0);/*IE*/
	filter:alpha(opacity=40);/*IE*/
	background: rgba(0, 0, 0, 0.4);
	z-index: 2000;
	visibility: hidden;
	opacity: 0;
}

.x-dialog-overlay.x-dialog-overlay-visible {
	visibility: visible;
	opacity: 1;
}

.x-dialog {
	position: fixed;
	z-index: 2001;
	left: 0;
	top: 0;
	opacity: 0;
	background-color: @body-bg;
	display: none;
	width: 100%;
	height: 100%;
	
	&.x-dialog-normal{
		width: auto;
		height: auto;
		background-color: @modal-content-bg;
		border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
		border: 1px solid @modal-content-border-color;
		border-radius: @border-radius-large;
		.box-shadow(0 3px 9px rgba(0,0,0,.5));
		background-clip: padding-box;
		.x-dialog-body{
  			padding: @modal-inner-padding;
		}		
	}

	.x-dialog-title{
	  position: absolute;
	  left: 0;
	  top: 0;
	  width: 100%;
	  padding: @modal-title-padding;
	  border-bottom: 1px solid @modal-header-border-color;
	  min-height: (@modal-title-padding + @modal-title-line-height);
	  display: none;
	}

	&.x-dialog-in {
		opacity: 1;
		display: block;
	}
}

.x-dialog[showTitle='true']{
	padding-top: (@modal-title-padding + @modal-title-padding + floor((@font-size-h4 * @line-height-base)) + 1);/*'padding-top'+'padding-bottom'+text+border*/
	&>.x-dialog-title{
		display: block;
	}
}

.x-dialog-title-text{
  margin: 0;
  line-height: @modal-title-line-height;
}

.x-dialog-title .close {
  margin-top: -2px;
}

.x-dialog-body{
  position: relative;
  overflow: auto;
  height: 100%;
}

@media (min-width: @screen-sm-min) {
  .x-dialog-normal{
    .box-shadow(0 5px 15px rgba(0,0,0,.5));
  }
}